@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';

html,
body{
  height: 100%;
}

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
  color: #333;
  font-size: 14px;
  font-family: "Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif;
}

td,
th,
caption {
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

a {
  color: #666;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: none;
  vertical-align: middle;
}

ol,
ul,
li {
  list-style: none;
}

.color-l{
  color: #333;
}
.color-m{
  color: #666;
}
.color-s{
  color: #999;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
.fl{
  float: left;
}
.fr{
  float: right;
}

// 重写
#__nuxt,
#__layout{
  width: 100%;;
  height: 100%;
}

// 布局居中
.wraper-center{
  width: $wrapWidth;
  margin: 0 auto;
}

.w-con{
  padding: 10px 240px 20px 0;
  .w-left{
    width: 100%;
    float: left;
    .art-items{
      margin-top: 5px;
      .art-item{
        border-bottom: 1px dashed #ddd;
        padding: 0 20px;
        .tit,
        .desc{
          a{
            display: block;
          }
          a:hover{
            color: #59a714;
          }
        }
        .tit{
          padding: 10px 0 8px;
          font-weight: bold;
          a{
            color: #333;
          }
        }
        .desc{
          margin-bottom:10px;
          text-indent: 2em;
          font-size: 12px;
          line-height: 1.8em;
          text-overflow: -o-ellipsis-lastline;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          line-clamp: 3;
          -webkit-box-orient: vertical;
        }
        .info{
          padding: 0 0 10px;
          font-size: 12px;
          .type{
            margin-right: 15px;
          }
          .date{
            color: #999;
          }
        }
      }
    }
  }
  .w-right{
    float: right;
    width: 220px;
    margin-right: -240px;
  }
  .card{
    .tit{
      height: 40px;
      line-height: 40px;
      padding: 0 10px;
      border-bottom: 1px solid #e3e3e3;
      font-size: 16px;
      font-weight: bold;
      color: #333;
    }
    .xgfl-items{
      padding: 5px 10px;
      .xgfl-item{
        float: left;
        width: 50%;
        font-size: 12px;
        line-height: 32px;
        height: 32px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
      }
    }
  }
}

.crumbs{
  padding: 20px 10px 0;
}

@media screen and (max-width: 800px) {
  .wraper-center{
    width: 100%;
  }
  .w-con{
    padding-right: 0;
    .w-right{
      display: none;
    }
  }
}
